// 样式不做解释
// 唯一特别的是scss样式文件的写法可以对应html标签使用嵌套的方式书写，很清楚明了
#fileUpload {
    // id 为fileuUpload标签的样式
    .fileUpload-header {
        // 在祖上元素id 为fileuUpload且当前元素class为fileUpload-header的样式
        height: 50px;
        width: 100%;
        // border: solid 1px #000;
        display: flex;
        justify-content: space-between;
        // justify-content: center;
        align-items: center;
        .search {
            height: 100%;
            display: flex;
            align-items: center;
            .label {
                padding: 10px;
                &:first-child {
                    padding-left: 0;
                }
            }
            .filename {
                width: 200px;
            }
        }
        
    }
    .table-info {
        height: 50px;
        width: 100%;
        line-height: 50px;
        font-size: 18px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .changePagenation {
            span {
                font-size: 14px;
            }
        }
    }
    .fileUpload-table {
        height: calc(100% - 100px);
        width: 100%;
        border: solid 1px #33333310;
        .operation {
            height: 100%;
            // display: flex;
            // justify-content: space-between;
        }
        &.with-pagination {
            height: calc(100% - 150px);
        }
    }
    .pagination {
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
    }
}

